*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

html,body,#root{
    width: 100%;
    height: 100%;
}
.login{
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-color: cadetblue;
}
.detail{
    font-size: 30px;
    .icon{
        
    }
}
.Index{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    header{
        width: 100%;
        height: 50px;
        background-color: greenyellow;
    }
    main{
        flex: 1;
        overflow: auto;
        .itemChildren{
            display: flex;
            width: 100%;
            height: 100px;
            // background-color: red;
            .itemchildren1{
                width: 70%;
                // background-color: #ccc;
                display: flex;
                flex-direction: column;
            }
        }

    }
    footer{
        width: 100%;
        height: 50px;
    }
}
.ShopCar{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .Allchekd{
        display: flex;
        justify-content: space-around;
    }
    .ShopCarItem{
        margin-top: 2px ;
        width: 100%;
        display: flex;
        align-items: center;
        padding-left: 20px;
        justify-content: space-around;
        border: 2px solid #ccc;
        border-radius: 30px;
    }
}

.my-swipe .rv-swiper-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    img{
        width: 100%;
        height: 150px;
    }
}